.general{
  height:inherit;
  height:100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #fff;
  &-head{
    height:10%;
    font-size:20px;
    padding:10px 15px;
    background:#ffda47;
    display:flex;
    line-height: 1.5;
    align-items: center;
    div:nth-child(2){
      margin-right: 50px;
    }
    &-block{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 0 10px;
      &-word{
        font-size: 12px;
        color: #999;
      }
      &-number{
        font-size: 18px;
      }
    }
  }
  &-body{
    height:82%;
    overflow: auto;
    &-list{
      margin:0;
      li{
        border-bottom:1px solid #ccc;
        // &:last-child{
        //   border-bottom: 0;
        // }
        a{
          color: inherit;
          padding:0 10px;
          display:flex;
          height: 3.3em;
          line-height: 3.3em;
          justify-content: space-between;
          font-size: 16px;
          
          .iconWrapper{
            display: flex;
            >span{
              margin-left:20px;
              font-size: 14px;
            }
            .iconfont{
              font-size:2em;
            }
          }
          
          .moneyAndDate{
            display: flex;
            flex-direction: column;
            &-money{
              line-height: 2;
              text-align: right;
            }
            &-date{
              font-size: 12px;
              color: #999;
              line-height: 1;
              text-align: right;
            }
          }
        }
      }
    }
  }
  &-nav{
    height:8%;
  }
}